{% extends "base.html" %}
{% load static %}

{% block content %}
    <div class="users_box">
        <div class="users_box_top">会员注册</div>
        <div class="users_box_bottom">
            <div class="box_bottom_left"><img src="{% static 'buyer/images/huiyuan.jpg' %}"/></div>
            <div class="box_bottom_right">
                <!-- 填充form表单 -->
                <!-- 1.创建一个form标签，用来提交请求参数。
                    自己补全属性：method, action
                    给出属性：无
                 -->
                <form method="post" action="/Buyer/register/">
                    <!-- 2.书写伪装提交请求功能的代码 -->
                    {% csrf_token %}
                    <div>
                        用户名:<input type="text" name="username" placeholder="请输入用户名" required="" id="zhuce" class="input"/>
                        <!-- 3.需传入视图函数传来的报错提示信息 -->
                        <span style="color: red; font-size: 16px">{{ error_msg.username }}</span>
                    </div>
                    <div>
                        密码：<input type="password" name="userpass" placeholder="请输入密码" required="" class="input"/>
                    </div>
                    <div>
                        <input type="submit" id="submit" value="注册会员" class="gouwu"/>
                    </div>
                </form>
                <p style="float: right;">
                    <span>
                        <!-- 4.需完善a标签href属性 -->
                        <a href="/Buyer/register_email/">
                            邮箱注册
                        </a>
                    </span>
                    <span>
                        <!-- 5.需完善a标签href属性 -->
                        <a href="/Buyer/phone_register/">
                            手机注册
                        </a>
                    </span>

                </p>
            </div>
        </div>


    </div>
{% endblock %}